<template>
  <div class="headermain">
    <!-- <Slider :value.sync="value" range></Slider> -->
    <ul class="tittlelist">
      <li v-for="item in tittleitem" @click="gonext(item)">{{item.name}}</li>
    </ul>
    <div>
      <span>用户名</span>
      <span>退出</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'headerview',
  data () {
      return {
          value: [20, 50],
          tittleitem:[{
            name:"菜单一",
            path:"/a1",
          },{
            name:"菜单二",
            path:"/a2",
          },
          {            
            name:"菜单三",
            path:"/a1",
          }
          ],
      }
  },
  mounted(){
    console.log(this.$router)
  },
  methods: {
      change (status) {
          this.$Message.info('开关状态：' + status);
      },
      gonext(item){
        console.log(item);
      }
  },
  props:{
    getdata:{
      default:"000"
    }
  },
  watch:{

  }
}
</script>

<style scoped>
.headermain{
  border:1px solid #ddd;
}
</style>
